<script lang="ts" setup>
import i18n from "@/locals";
import { onMounted, ref } from "vue";
const prop = defineProps({
    text: {
        type: String,
        default: i18n.global.t("message.Global.loding")
    }
});
</script>

<template>
    <div class="j-loding d-flex flex-column justify-center align-center">
        <v-progress-circular :width="3" :size="40" color="#fcc235" indeterminate></v-progress-circular>
        <p class="mt-2" style="opacity: 0.8">{{ prop.text }}</p>
    </div>
</template>

<style lang="less" scoped>
.j-loding {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.9);
}

@import url("./index.less");
</style>
